<!doctype html>
<html>
  <head>
    <meta charset="UTF-8" />
    <title>01.初体验</title>
    <script src="../lib/react.js"></script>
    <script src="../lib/react-dom.js"></script>
    <script src="../lib/babel.min.js"></script>
  </head>
  <body>
    <div id="root"></div>
    <script type="text/babel">
      console.log(ReactDOM);
      <!--
      React18之前的做法-->
      // ReactDOM.render(<h2>343</h2>,document.getElementById('root'));
      <!--    React18之后的做法-->
      const root = ReactDOM.createRoot(document.getElementById('root')); // 创建react根元素
      root.render(<h1>Hello, world!</h1>);
      //     渲染多节点

      // 这个()是作为一个整体的意思，不写也没关系。
      root.render(
              (<div>
                <div>msg</div>
                <button>按钮</button>
              </div>)
      )
    </script>
  </body>
</html>
